<template>
  <div class="empty-container">
      <Icon type="empty"/>
      <p>{{text}}</p>
  </div>
</template>

<script>
import Icon from "@/components/icon"
export default {
    components:{
        Icon,
    },
    props:{
        text:{
            type:String,
            default:"无数据"
        }
    }
}
</script>

<style scoped lang="less">
@import "~@/styles/var.less";
@import "~@/styles/mixin.less";
    .empty-container{
        .self-center();
        text-align:center;
        color:@lightWords;
        font-size:14px;
        .icon-container{
            font-size:60px;
        }
    }
</style>